<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>2.0.0 车辆预定</title>
<#include "../com/top.ftl">
<!--中间  主体内容-->
<!--nav 导航部分-->
<div class="mm-nav clearfix">
    <ul class="main_text_width clearfix">
        <li>
            <a href="1.0.0 index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页</a>
        </li>
        <li class="mm-nav-curr">
            <a href="${ctx}/regist${suffix}">车辆预定</a>
        </li>
        <li>
            <a href="3.0.0wnagdian.html">网点分布</a>
        </li>
        <li>
            <a href="4.0.0gongwuyongche.html">公务用车</a>
        </li>
        <li>
            <a href="5.0.0wuliuyongche.html">物流用车</a>
        </li>
        <li>
            <a href="6.0.0huiyuanjieshao.html">会员介绍</a>
        </li>
        <li >
            <a href="12.0.0jifenshangcheng.html">积分商城</a>
        </li>
        <li>
            <a href="7.0.0zixun.html">资讯动态</a>
        </li>
        <li>
            <a href="9.0.0zhaoshangjiameng.html">招商加盟</a>
        </li>
    </ul>
</div>

<!--内容区域-->
<div class="a_order_area">
	<div class="main_text_width">
		<!--第一部分-->
		<div style="background:#f5f5f5;height:10px;"></div>
		<div class="a_order_1 clearfix">
		 	<!--左边-->
		 	<div class="a_order_left">
		 		<ul>
			 	  	<li class="a_last_area">
					 	<span class="a_quche">取车网店</span>
						<div class="info">
						
						<div>
							    <select id="county" class="s_province1" name="county"></select>
							    <select id="station" class="s_province1 s_province2" name="station" ></select>
						
						</div>
				 	</li>
			 	    <li class="a_last_area">
				 		 <span class="a_quche">取车时间</span>
				 		 <input class="laydate-icon" id="trainDate">
				 		 <select class="a_time">
				 			 <option value="">00：00</option>
				 			 <option value="">02：00</option>
				 			 <option value="">04：00</option>
				 			 <option value="">06：00</option>
				 			 <option value="">08：00</option>
				 			 <option value="">10：00</option>
				 			 <option value="">12：00</option>
				 		 </select>
				 	 </li>
			 	 </ul>
		 	</div>
		 	<!--中边-->
		 	 <div class="a_order_middle">
		 	 	 <ul class="a_zuche_infos clearfix">
				 	<li>
				 		<ul id="userRole" class="a_yongche">
				 			 <li data-value="gr" class="a_show"><a href="javascript:void(0);">个人用车<em></em></a></li>
						 	 <li data-value="zf"><a href="javascript:void(0);">政府用车<em></em></a></li>
						 	 <li data-value="qy"><a href="javascript:void(0);">企业用车<em></em></a></li>
						 	 <li data-value="wl"><a href="javascript:void(0);">物流用车<em></em></a></li>
				 		</ul>
				 	</li>
				 </ul>
				 <ul class="a_zuche_infos clearfix">
				 	<li>
				 		<ul id="type" class="a_yongche">
				 			 <li data-value="rz" class="a_show"><a href="javascript:void(0);">日租<em></em></a></li>
						 	 <li data-value="yz"><a href="javascript:void(0);">月租<em></em></a></li>
						 	 <li data-value="jz"><a href="javascript:void(0);">季租<em></em></a></li>
						 	 <li data-value="nz"><a href="javascript:void(0);">年租<em></em></a></li>
				 		</ul>
				 	</li>
				 </ul>
		 	 </div>
		    <!--右边-->
		    <div class="a_order_right">
				 <a href="javascript:void(0);">到乐用车</a>
			</div>
		</div>
		 <div class="a_order_1_back">
			 <span class="a_quche a_back_time">还车时间：</span>
			 <a href="javascript:void(0);" id="trainDate" class="trainDate" onclick="laydate()">2016-8-27 12：30</a>
		 </div>
		 
		 <!--第二部分-->
		 <div class="a_order_1 a_order_2 clearfix">
		 	 <div>
		 	 	<p>车型：</p>
		 	 	<ul id="model"  class="ms_che">
		 	 		 <li data-value="qb" class="a_leixing_all"><a href="javascript:void(0);">全部</a></li>
		 	 		 <li data-value="jc"><a href="javascript:void(0);">轿车</a></li>
		 	 		 <li data-value="suv"><a href="javascript:void(0);">SUV</a></li>
		 	 		 <li data-value="xk"><a href="javascript:void(0);">小型客运车辆</a></li>
		 	 		 <li data-value="hy"><a href="javascript:void(0);">货运车</a></li>
		 	 	</ul>
		 	</div>
		 	<div>
		 	 	<p>品牌：</p>
		 	 	<ul id="brand"class="ms_che">
		 	 		 <li data-value="qb" class="a_leixing_all" data-value="xdazong"><a href="javascript:void(0);">全部</a></li>
		 	 		 <li data-value="dazong"><a href="javascript:void(0);" >大众</a></li>
		 	 		 <li data-value="aodi"><a href="javascript:void(0);" >奥迪</a></li>
		 	 		 <li data-value="yinfei"><a href="javascript:void(0);" >英菲尼迪</a></li>
		 	 		 <li data-value="aoto"><a href="javascript:void(0);" >奥拓</a></li>
		 	 	</ul>
		 	 </div>
		 </div>
	 
		 <!--第三部分-->
		 <div class="a_order_3 clearfix">
			 <div class="clearfix">
			 	 <!--左边-->
			 	 <div class="a_order_3_left">
			 	 	 <ul class="a_shangxuan">
					 	 <li class="ms_curr">默认排序</li>
					 	 <li><a href="javascript:void(0);">按价格</a></li>
					 	 <li><a href="javascript:void(0);">剩余里程数</a></li>
					 </ul>
				 	 <!--图+文-->
					 <div class="a_order_3_tu">
					 	 <!--NO.1-->
					  <div id="carList">
					 	 <div class="a_order_3_tu_intor"> 
					 		 <div>
						 		 <!--左边-->
							 	 <div class="a_order_3_left">
							 	 	 <img src="images/a_order_tu(1).jpg"/>
							 	 </div>
							 	 <!--右边-->
							 	 <div class="a_order_3_right">
							 	 	 <h2>别克凯越/1.6AT <span>使用中</span></h2>
							 	 	 <h4>
							 	 	 	<span>手动</span>
							 	 	 	&nbsp;|&nbsp;
							 	 	 	<span>棕色</span>
							 	 	 	&nbsp;|&nbsp;
							 	 	 	<span>SUV</span>
							 	 	 	&nbsp;|&nbsp;
							 	 	 	<span>5座</span>
							 	 	 </h4>
							 	 	 <div class="clearfix">
							 	 	 	 <div><img src="images/a_small_tu4.png"/></div>
							 	 	 	 <div><img src="images/a_small_tu2.png"/></div>
							 	 	 	 <div><img src="images/a_small_tu3.png"/></div>
							 	 	 	 <div><img src="images/a_small_tu1.png"/></div>
							 	 	 </div>
							 	 	 <h4>取车地点：北部软件园</h4>
							 	 </div>
							 </div>
							 <!--￥200/天-->
							 <div class="a_order_money">
								 <div>
									 <h3>&yen;200/天</h3>
									 <a href="javascript:void(0);">立即预定</a>
								</div>
							 </div>
						 </div>
					  <div>
						 
							 
						<!--页数-->
			            <div id="page" class="yema">
					        <a href="#">&lt;&lt;</a>
					        <a href="#">上一页</a>
					        <a href="#" class="w_yscur">1</a>
					        <a href="#">2</a>
					        <a href="#">3</a>
					        <a href="#">4</a>
					        <a href="#">5</a>
					        <a href="#">下一页</a>
					        <a href="#">&gt;&gt;</a>
					    </div>
					 </div>
				 </div>
			     <!--右边 最新活动-->
			     <div class="a_class_wel a_question">
			     	 <h3>最新活动</h3>
			     	 <ul>
			     	 	 <li><a href="#">租车如何支付押金</a></li>
			     	 	 <li><a href="#">租车如何支付押金</a></li>
			     	 	 <li><a href="#">租车如何支付押金</a></li>
			     	 	 <li><a href="#">租车如何支付押金</a></li>
			     	 	 <li><a href="#">租车如何支付押金</a></li>
			     	 	 <li><a href="#">租车如何支付押金</a></li>  
			     	 </ul>
			     </div>
			     <div class="a_class_wel a_order_adv"><img src="images/a_adv_1.jpg"/></div>
			     <div class="a_class_wel a_order_adv"><img src="images/a_adv_2.jpg"/></div>
			 </div>
		 </div>
	 </div>
</div>








<#include "../com/foot.ftl">

<script>
var cd = ${json}.countyArray,
	$county = $("select[name=county]"),$station = $("select[name=station]");

$county.html(getOptionLink());

$county.change(function(){
	var county = $(this).val();
	if(county!=null || county!=""){
		$station.html(getOptionLink(county));
		
	}
});

function getOptionLink(county){
   var ops = [];
   ops.push("<option>请选择</option>")
   if(county==null){
     addOpt(cd);
     return ops;
   }else if(county!=null){
     $(cd).each(function(){
     	if(county==this.code){
     		addOpt1(this.stationArray);
     		return false;
     	}
     });
     return ops;
   }
   
   function addOpt(ls){
   	$(ls).each(function(){
     	ops.push("<option value='"+this.code+"'>"+this.name+"</option>");
     });
   }
   
    function addOpt1(ls){
   	$(ls).each(function(){
     	ops.push("<option value='"+this.id+"'>"+this.name+"</option>");
     });
   }
}

</script>

<script>

	function valContact(){
		
		var url = "${ctx}/carListPager";
		var=
		var param = {};
		$.getJSON(url, param, function(data){
			if(data.array.length !=0 ){ // 手机号码可用
				$("#btnSendCode").removeAttr("disabled"); //移除发送短信btn disabled属性
				$("#btnSendCode").attr("class","wait");
				$("#contactCue").text("");
				$("#contactCue").hide();
			}else{
				$("#contactCue").show();
				$("#contactCue").text("该手机号码已被使用.");
			}
		});
		return true;
	}

</script>


<script type="text/javascript">
	// tab切换
    $(function () {
        $('.a_yongche li').on('click',function(){
            //获得当前被点击的元素索引值
            var Index = $(this).index();
            //给菜单添加选择样式
            $(this).addClass('a_show').siblings().removeClass('a_show');
            //显示对应的div
            //$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();
        });
    });
	// 登录弹出  
    $(".lijidenglu").on('click',function(){
        $("body").append("<div id='mask'></div>");
        $(".mm_denglu").show();
    })
	//城市列表
 	$(".c_city_list").mouseover(function (){  
     	$(".c_city_list ul").show();  
 	}).mouseout(function (){  
     	$(".c_city_list ul").hide();  
	});
	// 车型品牌   
    $(function () {
        $('.ms_che li').on('click',function(){
            //获得当前被点击的元素索引值
            var Index = $(this).index();
            //给菜单添加选择样式
            $(this).addClass('a_leixing_all').siblings().removeClass('a_leixing_all');
            //显示对应的div
            //$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();
        });
    });
    // 排序
    $(function () {
        $('.a_shangxuan li').on('click',function(){
            var Index = $(this).index();
            $(this).addClass('ms_curr').siblings().removeClass('ms_curr');
        });
    });  
</script>


<script>
	

	$(function(){
		$("#station").bind("change",function(){
			
			var value = $(this).val();
			alert(value);
		
		})
		
		$("#userRole li").bind("click",function(){
			
			var value = $(this).attr("data-value");
			alert(value);
		
		})
		
		$("#type li").bind("click",function(){
			
			var value = $(this).attr("data-value");
			alert(value);
		
		})
		
		$("#model li").bind("click",function(){
			
			var value = $(this).attr("data-value");
			alert(value);
		
		})
		
		
		$("#brand li").bind("click",function(){
			
			var value = $(this).attr("data-value");
			alert(value);
		
		})
		
		$("#page a").bind("click",function(){
			
			var value = $(this).text();
			alert(value);
		
		})
	
	
	
		
	
	})

</script>	


